.jyq{

	.content{
		background:#fefcfa;
	}
	.jyq-banner {
		height:450px;
		background:#fefcfa data-uri(%("%simages/jyq_bg.jpg", @customImgPath)) no-repeat center center;
		.jyq-banner-wrapper{
			position: relative;
			height:450px;
		}
		.jyq-banner-content{
			position: absolute;
			bottom:0;
			right:80px;
			height: 75%;
			.jyq-banner-content-bg{
				background: #fefcfa;
				.opacity(70);
				width:100%;
				height:100%;
				position: absolute;
				top:0;
				left:0;
				z-index:1;
			}
			border-bottom:5px solid #0f99da;
			.jyq-title{
				position: relative;
				z-index: 2;
				font-size:24px;
				font-weight: bold;
				padding-left:20px;
				padding-top:30px;
			}
			.jyq-desc{
				position: relative;
				z-index: 2;
				padding:20px;
				 width:30%;
        		color:white;
			}
		}
		
	}


	.jyq-coloumn{
		margin-top:20px;
		margin-bottom:40px;
		.jyq-head{
			border-top:5px solid #fff;
			.jyq-title{
				text-align: center;
				color:#fff;
				    margin: 0 auto;
    			display: block;
    			width: 80px;
			}
		}

		.jyq-body{
			background:#fff;
			border-left:1px solid #eee;
			border-right:1px solid #eee;


		}



		.jyq-foot{
			line-height: 30px;
			background:#eee;
			text-align: center;
			border:1px solid #eee;
		}




		.jyq-coloumn-tab{

			.nav-pills{
				float: right;
				list-style: none;
				margin:0;
				.active a{
					color:#eb6100;
				}
				.active a,
				a{
					background:transparent;
				}
			}
			.tab-content{
				clear:right;
			}

			.list-pills{
				list-style: none;
				overflow: hidden;
				margin:10px 0  20px 0 ;
				min-height: 200px;
				li{
					width:45%;
					float:left;
					line-height: 25px;
					margin-left: 10px;

					a {
						display: inline-block;
						.ie7-inline-block();
						width:90%;
						border:1px solid #6fb3e0;
						.border-radius(15px);
						padding:5px 10px;
						overflow: hidden;
						text-decoration: none;
						span {
							position: relative;
    						top: 5px;
							float:right;
							.btn-goto-ico{
								.sprite(@arrow_blue_list_ico);
							}
						}
						
					}
				}
			}
		}

		&.blue{
			background:#6fb3e0;
			.jyq-head{
				border-top-color: #55a3d6;
				
			}

			.list-pills{
				li a{
					border-color:#6fb3e0;
					span .btn-goto-ico{
						.sprite(@arrow_blue_list_ico);
					}
				} 
			}
		}
			
			
			
		&.green{
			background:#87b87f; 
			.jyq-head{
			border-top-color: #6ea565;
			
			}
			.list-pills{
				li a{
					border-color:#87b87f;
					 span .btn-goto-ico{
						.sprite(@arrow_green_list_ico);
					}
				}
			}
		}


		&.orange{
			background:#ffb752; 
			.jyq-head{
			border-top-color: #f6a129;
			
			}
			.list-pills{
				li a{
					border-color:#ffb752;
					 span .btn-goto-ico{
						.sprite(@arrow_orange_list_ico);
					}
				}
			}
		}
		
	}

	.jyq-view{




		.jyq-active-infos{
			.active-type{
				background: #6fb3e0;
				float:left;
				color:#fff;
				padding:10px 15px;
				text-align: center;
			}
			.jyq-active-infos-content{
				margin-left:120px;
				.description{
					padding-bottom: 10px;
				}
			}
		}

		.jyq-active-content{
			.jyq-active-content-nav{
				list-style: none;
				margin:0;
				margin-bottom:20px;
				border-top:1px solid #eee;
				    overflow: hidden;
				    *zoom:1;
				li{
					float:left;
					width:25%;
				}
				a{
					position: relative;
					border:1px solid #eee;
					border-top:3px solid transparent;
					padding:10px 20px 40px 20px;
					display: block;
					text-align: center;
					text-decoration: none;

					.ico{
						margin:0 auto;
					}
					.duration{
						position: absolute;
						left:0;
						bottom:0;
						line-height:30px;
						border-top:1px solid #eee;
						background:#F3F3F3;
						display: block;
						width: 100%;
					}
					& .ico-write-link-ico{
					  .sprite(@write_link_ico);
					}

					& .ico-attachment-link-ico{
					  .sprite(@attachment_link_ico);
					}
					& .ico-present-link-ico{
					  .sprite(@present_link_ico);
					}
					& .ico-document-link-ico{
					  .sprite(@document_link_ico);
					}
				}
				a:hover,
				.active a{
					border-top:3px solid #6fb3e0;
					& .ico-write-link-ico{
					  .sprite(@write_link_active_ico);
					}

					& .ico-attachment-link-ico{
					  .sprite(@attachment_link_active_ico);
					}
					& .ico-present-link-ico{
					  .sprite(@present_link_active_ico);
					}
					& .ico-document-link-ico{
					  .sprite(@document_link_active_ico);
					}
				}
			}
			
			.accordion-group{
				border-color:transparent;
			}
			.accordion-heading{
				border-left: 3px solid #eb6100;
				position: relative;
				z-index:3;
				overflow: hidden;
				.inline-links{
					position: absolute;
				    right: 0;
				    top: 0;
				}
				.inline-link {
					position: relative;
					z-index:10;
					display: inline-block;
					margin-right:20px;
					.ie7-inline-block();
					.ico{
						position: relative;
						top:3px;
						display: inline-block;
						margin-right:8px;
						.ie7-inline-block();
					}
				}
				.sub-title{
					margin-right:80px;
					display: block;
					font-size:16px;
				}
			}
			

		}
		.jyq-active-timeline-wrapper{
			ul{
				list-style: none;
				margin:0;
			}
			.jyq-active-timeline-items{
				position: relative;
			}
			.month{
				position: absolute;
				z-index: 10;
				background:#fefcfa;
				left:0;
				top: 50px;
				display:block;
				width:80px;
				.ico-circle-list-ico{
					position: absolute;

					right:10px;
				}
			}
			.jyq-active-timeline-items-content{
				position: relative;
				z-index: 5;
				width: 80%;
				left: 60px;
				padding:0 0 0 50px;
    			border-left: 1px solid #eee;
			}
			.jyq-active-timeline-item{
				position: relative;
				border:1px solid #c9c9c9;
				background:#f2f2f2;
				padding:20px;
				margin-bottom: 20px;
				.title{
					color:#eb6100;
					font-size:14px;
					span{
						color:#696969;
						font-size:12px;
					}
				}
				.arrow-border{
					position: absolute;
					left: -27px;
    				top: 40px;
				}
				hr{
					border-top:1px solid #c9c9c9;
				}
				.comment{
					min-height:30px;
					span{
						color:#696969;
					}
				}
			}
		}



		.acitves-list{
			list-style: none;
			margin:0;
			li{
				width:33%;
				float: left;
			}
			.active-item{
				overflow: hidden;
				*zoom:1;
				.item-type{
					background: #6fb3e0;
					float:left;
					color:#fff;
					padding:10px 15px;

				}
				.active-item-content{
					margin-left: 90px;
					.head{
						line-height: 30px;
						min-height: 20px;
						margin-bottom:0;

					}
					.description{
						clear:none;
						overflow: hidden;
						height: 40px;
						text-overflow: ellipsis;
					}
				}
			}
		}

		.notices-list{
			list-style: none;
			margin:0;
			li{
				a {
					display: block;
					.num{
						float:right;
					}
				}
			}
		}
		.avatars-list{
			list-style: none;
			margin:0;
			li{
				float: left;
				.avatar{
					margin:5px;
					img{
						width:50px;
						height:50px;
					}
				}
				.avatar-info{
					display: none;
				}
				
			}
		}
		
		
	}
	
}

.attachments-list{
			list-style: none;
			margin:0;
			li{
				a{
					overflow: hidden;
					display: block;
					.ico{
						float:left;
					}
					span{
						display: block;
						margin-left:65px;
						margin-top: 30px;
					}
				}
			}
		}



.jyq-view{


		.jyq-infos{
			border:1px solid #eee;
			padding:10px;
			margin-bottom:20px;
			.video-photo{
				float:left;
				img{
					width:@video-photo-max-width;
					height:@video-photo-max-height;
				}
				width:@video-photo-max-width;
				height:@video-photo-max-height;
			}

			.jyq-infos-content{
				margin-left:@video-photo-max-width + 20;
				position: relative;
				min-height:@video-photo-max-height;
				.title{
					margin-top:5px;
					font-size:16px;
					margin-bottom:10px;
					// text-indent: 10px;
				}
				.infos{
					color:#8A8A8A;
					margin-bottom: 10px;
					margin-left:0;
				}
				.description{
					clear:none;
					min-height:@video-photo-max-height - 80;
					padding-bottom:40px;
				}
				.statistics{
					position: absolute;
					bottom:0;
					line-height: 30px;
					border-top:1px dashed #bababa;
					width: 100%;
					padding: 0;
					.num{
						color:#eb6100;
						margin-right:20px;
					}
				}
			}
			.more{
				position: absolute;
				top:0;
				right:0;
			}
			.join-me{
				i{
					display: inline-block;
					.ie7-inline-block();
			    	position: relative;
			    	top: 5px;
				}

			}
		}

}



.album-view{
	.album-infos:extend(.jyq-view .jyq-infos all){
		.album-infos-content:extend(.jyq-view .jyq-infos .jyq-infos-content all){};
	}
	.info_chart{

    border: none;

	}
}
.album-infos{

	.btn{
		.buttonBackground(#fff, #fcfcfc, @grayDark, 0 1px 1px rgba(255,255,255,.75));
		.ico{
			display: inline-block;
			vertical-align: middle;
		}
	}
}
.album-infos-content {
	.infos p{
		margin:0;
	}
	label.label{
		margin:0;
		color:#333;
		background:transparent;
		text-shadow:none;
	}
	.description{
		text-indent: 25px;
	}
	.sub_comment ,
	.sub_apply{
		display: inline-block;
		.ie7-inline-block();
		.btn{
			.border-radius(6px);
		}
	}
}
